.custom {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 44px;
  background-color: #101013;
  z-index: 2000;
  display: flex;
  flex-direction: row;
  align-items: center;
  .brand-trigger {
    margin-left: 10rpx;
    margin-right: 10rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .logo {
      width: 22px;
      height: 22px;
      background: url('%ASSETS_IMG%/s-brand-trigger-icon1@2x.png') no-repeat;
      background-size: contain;
    }
    .logo1 {
      width: 22px;
      height: 22px;
      background: url('%ASSETS_IMG%/l-brand-scan-icon1@2x.png') no-repeat;
      background-size: contain;
    }
    text {
      font-size: 9px;
      color: #fff;
    }
  }
  .right{
    margin-right: 35rpx;
    margin-top: 1px;
  }

  .search {
    width: 342rpx;
    height: 32px;
    border-radius: 16px;
    background-color: #333333;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    .search-logo {
      margin-left: 15px;
      margin-right: 5px;
      width: 18px;
      height: 18px;
      background: url('%ASSETS_IMG%/l-home-search-logo@2x.png') no-repeat;
      background-size: contain;
    }
    .search-text {
      font-size: 24rpx;
      color: #ffffff;
    }
  }
  .search-active {
    .search-logo {
      margin-left: 15px;
      margin-right: 5px;
      width: 18px;
      height: 18px;
      background: url('%ASSETS_IMG%/l-home-search-logo-dis@2x.png') no-repeat;
      background-size: contain;
    }
    .search-text {
      color: #b7b7b7;
    }
  }
}
